@charset "utf-8";
/* CSS Document */
img{
	border:none;
	}
a{
	
	}


.left{
	float:left;
	}
.clear{
	clear:both;
	}



.w_portal_box{
	width:1000px;
	margin:0 auto;
	color:#fff;
	font-size:22px;
	font-family:"微软雅黑","宋体";
	}
.box_block{
	width:300px;
	height:240px;
	background:#0f88a2;
	margin:0 10px 10px 0;
	display:block;
	position:relative;
	float:left;
	}

.w_center_title{
	position:absolute;
	left:10px;
	bottom:10px;
	color:#fff;
	}

.w_center_icon{
	width: 180px;
	height: 180px;
	background: url(./images/iicon_01.png) no-repeat 0 0;
	margin: 60px 0 0 102px;
	}

/* Float Shadow */
.hvr-float-shadow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
	position: relative;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-float-shadow:before {
	pointer-events: none;
	position: absolute;
	z-index: -1;
	content: '';
	top: 100%;
	left: 5%;
	height: 10px;
	width: 90%;
	opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
	/* W3C */
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform, opacity;
	transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	/* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
	opacity: 1;
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
	/* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}